<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="3.css">
  
</head>
<body>
  <header> 
     <div>欢迎来到动漫世界</div>
    
  </header>
  <div class="box">
    <div class="logo">
      <img src="imge/logo.png" alt="">
    </div>
    <div class="nav">
     <ul><a href=""></a>
     <li><a href="#">热血动漫</a></li>
     <li><a href="#">爱情动漫</a></li>
     <li><a href="#">后宫动漫</a></li>
     <li><a href="gexinxi.html" target="_blank" >个人信息</a>
      <ul>
        <li>
          <a href="guanzhu.html" target="_blank">关注</a>
        </li>
      </ul>
     </li>
       <li> 
        <a href="denglu.html" target="_blank">登录</a>
       </li>
     </ul>
    </div>
    <div class="sosuolan">
    <input type="text" value="输入关键词">
  <button></button>
    </div>
  </div>
  <div class="main">
        <h2>推荐</h2>
        <div class="img">
          <div class="img2">
          <img src="imge/haizeiwang.jpg" alt="">
          <p>海贼王</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/heise.jpg" alt="">
          <p>黑色五叶草</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/fuyin.jpg" alt="">
          <p>新福音战士</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/jiandie.jpg" alt="">
          <p>间谍过家家</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/2.jpg" alt="">
          <p>国王排名</p>
          </div>
        </div>
        <div class="img3">
          <div class="img2">
          <img src="imge/3.jpg" alt="">
          <p>鬼灭之刃</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/4.jpg" alt="">
          <p>你的名字</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/5.jpg" alt="">
          <a href="">想要成为影之实力者！</a>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/6.jpg" alt="">
          <p>孤独摇滚！</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/7.jpg" alt="">
          <p>炎炎消防队</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/8.jpg" alt="">
          <p>月色真美</p>
          </div>
        </div>
        <div class="img3">
          <div class="img2">
          <img src="imge/9.jpg" alt="">
          <p>银魂</p>
          </div>
        </div>
        <h2>国漫</h2>
        <div class="img">
          <div class="img2">
          <img src="imge/10.jpeg" alt="">
          <p>一人之下</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/11.jpeg" alt="">
          <p>斗罗大陆</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/12.jpg" alt="">
          <p>斗破苍穹</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/13.jpg" alt="">
          <p>三体</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/15.jpg" alt="">
          <p>剑网三</p>
          </div>
        </div>
        <div class="img3">
          <div class="img2">
          <img src="imge/14.jpg" alt="">
          <p>大理寺日志</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/16.jpg" alt="">
          <p>奇谭</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/17.jpg" alt="">
         <p>画江湖之不良人</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/18.jpg" alt="">
          <p>罗小黑战记</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/19.jpg" alt="">
          <p>侠岚</p>
          </div>
        </div>
        <div class="img">
          <div class="img2">
          <img src="imge/20.jpg" alt="">
          <p>龙族</p>
          </div>
        </div>
        <div class="img3">
          <div class="img2">
          <img src="imge/21.jpg" alt="">
          <p>凡人修仙传</p>
          </div>
        </div>
        
  </div>
  <div class="box2">
    <h3 class="head">动漫热播</h3>
    <ul>
        <li><a href="#">1. 电锯人</a></li>
        <li><a href="#">2. 想要成为影之实力者！</a></li>
        <li><a href="#">3. 赛博朋克边缘行者</a></li>
        <li><a href="#">4. 间谍过家家</a></li>
        <li><a href="#">6. 海贼王</a></li>
        <li><a href="#">7. 不死者之王</a></li>
        <li><a href="#">8. 欢迎来到实力至上主义教师</a></li>
        <li><a href="#">9. 火影忍者</a></li>
        <li><a  href="#">10. 孤独摇滚！</a></li>
        <li><a href="#">11. Lycoris Recoil</a></li>
        <li><a href="#">12. 海贼王</a></li>
    </ul>
</div>
<div class="stic">
  <img src="imge/yuzi.jpg" alt="">
</div>
<div class="footer">
  <a href="report.html">个人报告</a>
</div>


      
</body>
</html>